<template>
  <div class="floor-layout tpl-62">
    <div class="layout-main">
      <layout-item :block="data.blockList[0]" @handle-edit="handleEditBlock(0)">
        <template slot-scope="{ block }">
          <div class="title-out" :style="`padding-left:${data.blockStyle.pagePadding}px;padding-right:${data.blockStyle.pagePadding}px;text-align:${data.blockStyle.textAlign};background:${data.blockStyle.backColor};`">
            <span :style="`color:${data.blockStyle.fontColor};font-size:${data.blockStyle.fontSize}px;font-weight:${data.blockStyle.fontWeight};`">{{ block.block_value }}</span>
          </div>
        </template>
      </layout-item>
    </div>
  </div>
</template>

<script>
  import mixin from '../mixin'

  export default {
    name: 'tpl_62',
    mixins: [mixin],
    title: '标题文字',
    dataTpl: {
      tpl_id: 62,
      blockList: [
        { block_type: 'TEXT', block_value: '', block_opt: '' }
      ],
      blockStyle: {
        pagePadding: 15,
        textAlign: 'left',
        backColor: '#ffffff',
        fontColor: '#333333',
        fontSize: 14,
        fontWeight: 'normal'
      }
    }
  }
</script>